<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
<!DOCTYPE>
<html>

<head>
<meta charset="utf-8">
<title>我的OKR</title>
<meta name="viewport"
	content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="../css/mui.css?v=<?=$v?>">
<link rel="stylesheet" type="text/css" href="../css/app.css?v=<?=$v?>" />
<link rel="stylesheet" href="../css/icons-extra.css">
</head>

<body>
	<header class="mui-bar mui-bar-nav"> <a href="index.php"
		class="mui-action-back mui-icon mui-icon-home mui-pull-left"
		style="line-height: 26px; font-size: 20px; color: #007aff;"><span
		style="font-size: 14px; color: #007aff;">返回</span></a>
	<h1 class="mui-title">OKR详情</h1>
	</header>
	<div class="mui-content">
		<div class="mui-card" style="">
			<div class="mui-card-content">
				<div class="mui-card-content-inner headp no-bottom">
					<p class="bold">
						<span style="line-height: 34px;" id="sp_name"></span>
						&nbsp;&nbsp;<font id="sp_time"></font> <font id="sp_code"></font>的OKR定义 <span style="float: right;">
							<a href="#pop2" class="mui-btn mui-btn-primary index-btn-mod">
								<span class="index-func mui-icon mui-icon-gear cfff"></span>
						</a>
						</span>
					</p>
					<p style="margin-bottom: 0px;"></p>
				</div>
			</div>
			<div class="noba">
				<div class="mui-card-footer no-top">
					<span style="float: left;" id="sp_type"></span> <span id="sp_org"></span>
				</div>
				<div class="mui-card-footer no-top">
					<span style="float: left;" id="sp_team"></span> <span id="sp_post"></span>
				</div>
			</div>
		</div>
		
		<div id="pop2" class="mui-popover">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell"><center>
						<a href="#" id="review">过程Review</a>
					</center></li>
				<li class="mui-table-view-cell"><center>
						<a href="#" id="score">评分与总结</a>
					</center></li>
				<li class="mui-table-view-cell"><center>
						<a href="#" id="version">版本信息</a>
					</center></li>
				<li class="mui-table-view-cell"><center>
						<a href="#" id="link">关联OKR</a>
					</center></li>
			</ul>
		</div>
		
		<div class="mui-card" style="">
			<div class="mui-card-header">
				<span class="bold"><font id="sp_code1"></font></span> 
				<span style="float: right; font-size: 14px; color: #666;">评分：
				<font color="#46F332" id="sp_score"></font>
				</span>
			</div>
			<div class="mui-card-content">
				<div class="mui-card-content-inner re-bold2">
					<p>
						<span>定义：</span><font id="sp_content"></font>
					</p>
				</div>
			</div>
		</div>
		
		<div id="list"></div>


		<div style="height: 10px;">&nbsp;</div>

		<hr>

			<center>
			<p>&copy;2016~2017 中软国际信息技术有限公司</p>
			<center>
			<div style="height: 30px;">&nbsp;</div>
	</div>

	<script src="../js/jquery-1.11.2.min.js"></script>
	
	<script>
		var uniqueCode = "${requestScope.uniqueCode }";
		
		function splitStr(str){
			var strs = new Array(); //定义一数组 
			strs =str.split(",");
			return strs;
		}
		//O评分颜色
		function oColor(value){
			
			var color = '#4E4848';

			if (value == null) {
				return '<font></font>';
			}

			if (value == 0) {
				color = '#4E4848'; // 默认灰色
			}
			
			<c:forEach items="${sessionScope.oColor }" var="item" varStatus="status">
			
		 	var strs = splitStr("${item.LIMITSWITCH_EXPRESSION}");
		 	
			if(value >= strs[0] && value <= strs[1]){
				color = '${item.LIMITSWITCH_VALUE}';
			}
			
			</c:forEach>
			
			return '<font color="' + color + '">' + value + '</font>';
		}
		
		//OKR类别
		function oTeam(value){
			
			<c:forEach items="${sessionScope.oTeam }" var="item" varStatus="status">
			
			if(value == "${item.CODE_NO}"){
				return '${item.CODE_NAME}';
			}
			</c:forEach>
			return "";
		}
		
	</script>
	<script src="../js/mui.js"></script>
	<script src="../js/comm.js?<%=System.currentTimeMillis()%>.js"></script>
	<script src="../views-js/krview.js?<%=System.currentTimeMillis()%>.js"></script>
</body>

</html>